<template>
	<el-dialog
		v-model="centerDialogVisible"
		title="项目任务完成"
		width="50%"
		align-center
	>
		<el-form :model="formInline" class="demo-form-inline" label-width="120px">
			<el-row>
				<el-col :span="12">
					<el-form-item label="项目名称">
						<el-input v-model="formInline.user" placeholder="项目名称" />
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="任务名称">
						<el-input v-model="formInline.user" placeholder="任务名称" />
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="任务代码">
						<el-input v-model="formInline.user" placeholder="任务代码" />
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="是否关注">
						<el-radio-group v-model="formInline.user">
							<el-radio :label="1">是</el-radio>
							<el-radio :label="0">否</el-radio>
						</el-radio-group>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="计划开始时间">
						<el-date-picker
							v-model="formInline.user"
							type="daterange"
							range-separator="-"
							start-placeholder="开始时间"
							end-placeholder="结束时间"
						/>
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="处理部门">
						<el-input v-model="formInline.user" placeholder="处理部门" />
					</el-form-item>
				</el-col>
				<el-col :span="12">
					<el-form-item label="处理人">
						<el-input v-model="formInline.user" placeholder="处理人" />
					</el-form-item>
				</el-col>

				<p class="oneline" style="font-size: 12px; color: '#ccc'">
					形象进度汇报
				</p>

        <el-col :span="24">
          <el-form-item label="签字盖手印" class="oneline">
					<!-- //pic为了验证图片是必传的 -->
					<el-input
						v-model="formInline.user"
						style="height: 0px; width: 0px"
					></el-input>
					<FileMinioUpload
						:restriction="true"
						:restrictionLimit="9"
						@updateFiles="updateFiles"
						v-model:files="formInline.dealFiles"
					/>
				</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="实际完成时间">
					<el-date-picker
						v-model="formInline.user"
						type="daterange"
						range-separator="-"
						start-placeholder="开始时间"
						end-placeholder="结束时间"
					/>
				</el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label="是否存在问题">
					<el-radio-group v-model="formInline.user">
						<el-radio :label="1">是</el-radio>
						<el-radio :label="0">否</el-radio>
					</el-radio-group>
				</el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label="备注" class="oneline">
					<el-input v-model="formInline.user" show-word-limit type="textarea" />
				</el-form-item>
        </el-col>




			</el-row>
		</el-form>
		<template #footer>
			<span class="dialog-footer">
				<el-button @click="centerDialogVisible = false">取消</el-button>
				<el-button type="primary" @click="centerDialogVisible = false">
					确定
				</el-button>
			</span>
		</template>
	</el-dialog>
</template>
<script setup>
import { ref, reactive } from "vue";
import { ElDialog, ElForm, ElFormItem, ElRow, ElCol } from "element-plus";
import FileMinioUpload from "@/components/FileMinioUpload.vue";

let centerDialogVisible = ref(false);
const formInline = reactive({
	user: "",
	region: "",
});
const open = (row) => {
	centerDialogVisible.value = true;
};
defineExpose({
	open,
});
// 上传的图片附件
const updateFiles = (list) => {
	if (list.length > 0) {
		console.log(list);
	}
};
</script>
<style lang="scss" scoped>
.el-form-item,
.el-select {
	width: 100% !important;
}
</style>
